<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 周景洛
  Date: 2021/5/26
  Time: 22:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="shortcut icon" href="http://localhost:8080${pageContext.request.contextPath}/img/logo.jpg">
        <title>成神系统注册页面</title>
    
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/login_setting_portal53b3ca.css" />
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/biz_v3_helper50ea23.css" />
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/official_index5424eb.css"/>
    
        <style type="text/css">
            a{ color:#34599e;}.self_preview_04 a{ color:#C0D2F4;}.self_preview_01{ color:#798699;}.self_preview_02{ color:#a0a0a0;}.self_preview_03{ color:#798699;}.self_preview_04{ color:#C0D2F4;}#preview_box{ color:#798598;}#preview_box a{ color:#34599d;text-decoration: none;}.bg_color{ background:#eaf3ff;}.border_color{ border:1px solid #acc3e4;}.company_link{color:#34599d; }
            .input{height: 34px;width: 209px;}
        </style>
    
        <style type="text/css">
            @keyframes animate_dots{0%{opacity:1}to{opacity:0}}@-webkit-keyframes animate_dots{0%{opacity:1}to{opacity:0}}.dot0,.dot1{animation:animate_dots .9s infinite;-moz-animation:animate_dots .9s infinite;-webkit-animation:animate_dots .9s infinite;-o-animation:animate_dots .9s infinite}.dot1{animation-delay:.2s;-webkit-animation-delay:.2s}.dot2{animation:animate_dots .9s infinite;-moz-animation:animate_dots .9s infinite;-webkit-animation:animate_dots .9s infinite;-o-animation:animate_dots .9s infinite;animation-delay:.4s;-webkit-animation-delay:.4s}.dots_item{display:inline-block;margin-right:5px;width:10px;height:10px;border-radius:50%;background:#4886ff}.verify-icon{position:absolute;width:100%;margin-top:70px;text-align:center}.t-mask{width:100%;height:100%;position:fixed;_position:absolute;left:0;top:0;background:#000;opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);z-index:2000000000}
        </style>
    
        <script type="text/javascript">
            function useless(){
                var msg = confirm("\n资金紧张，此功能暂时无法实现！\n\n点击确定进入捐款页面");
                if(msg){
                    window.location.href="donation.jsp";
                }
            }
            function ensurePwd() {
                var password = document.getElementById("password");
                var repassword = document.getElementById("repassword");
                var submit = document.getElementById("submit");
                if (password.value == repassword.value) {
                    submit.disabled="";
                } else{
                    if (repassword.value != ""){
                        alert("请确认密码！");
                    } 
                    repassword.value="";
                    submit.disabled="disabled";
                }
            }
        </script>
    
    </head>
    <body class="self_dm_login layout_wrap_03" >
    <%--注册验证，当注册失败跳转到此页面时，弹窗提示--%>
    <c:if test="${msg eq 'fail'}">
        <script type="text/javascript">
            alert("注册失败！");
            window.location.href = "http://localhost:8080${pageContext.request.contextPath}/register.jsp";
        </script>
    </c:if>
    <form action="${pageContext.request.contextPath}/api/user/register.do" method="post">
        <div id="preview_box" class="self_preview_03">
            <div id="preview_mask"></div>
            <div class="self_preview_wrap">
                <div class="preview_head">
                    <div class="company_logo edit_issue">
                        <img class="logo_img" style="margin-top: 0px;margin-left: 0px;" src="img/label.jpg" />
                    </div>
                    <p class="bg_color edit_issue">坚持到无能为力</p>
                    <p class="bg_color edit_issue">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;拼搏到感动自己</p>
                </div>
                <div class="company_main">
                    <div class="company_main_wrap">
    
                        <div class="company_pic edit_issue">
                            <img src="http://localhost:8080${pageContext.request.contextPath}/img/viewfile.jpg" style="margin-top: 0px; margin-left: 0px;" />
                        </div>
    
                        <div class="company_loginbox bg_color border_color edit_issue">
                            <div class="js_input_area">
    
                                <div class="js_option_header">
    
                                    <div class="header_nav">
                                        <a class="nav_item" href="#">
                                            <div>成神系统在线注册</div>
                                        </a>
                                    </div>
    
                                </div>
    
                                <div id="js_input_area" class="js_option_content option_content">
                                    <div id="pwd_content" class="js_login_content js_pwd_content" style="">
                                        <div class="company_input_wrap">
                                            <label>昵称</label>
                                            <input type="text" name="nickname" class="self_input input" />
                                        </div>
    
                                        <div class="company_input_wrap">
                                            <label>密码</label>
                                            <input type="password" name="password" class="self_input input" id="password"/>
                                        </div>
    
                                        <div class="company_input_wrap">
                                            <label>确认密码</label>
                                            <input type="password" name="repassword" class="self_input input" id="repassword"/>
                                        </div>
    
                                        <div class="login_submit" onmousemove="ensurePwd()">
                                            <input class="qy_index_btn qy_index_btn_Large qy_index_btn_Large_Custom qy_index_btn_Green" value="注册" type="submit" id="submit"  disabled="disabled"/>
                                        </div>
    
                                        <div  style="text-align: center;margin-bottom: 10px;">
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                            已有账号？点击<a class="admin_login_link_wrap js_lang_adminlogin" href="login.jsp">立即登录</a>
                                        </div>
                                    </div>
                                </div>
    
                                <div class="js_option_area bottom_area">
                                    <a class="js_wechat_item" href="#" onclick="useless()">扫码登录</a>
                                </div>
    
                            </div>
                        </div>
                    </div>
                </div>
    
                <div class="company_bottom">
                    <div class="company_link bg_color edit_issue">
                        <a href="${pageContext.request.contextPath}/index.jsp" target="_self">成神系统主页</a>
                        |
                        <a href="http://www.mobiletrain.org" target="_self">千锋教育主页</a>
                    </div>
    
                    <div class="company_copyright edit_issue">
                        ©
                        <span>1998-2021 Tencent Inc. All Rights Reserved</span>
                        <a id="beian_tag" style="display: block;color: #798698;font-size: 12px;text-align: center;text-decoration:underline;" href="https://beian.miit.gov.cn/" target="_blank">豫ICP备05000001号-2</a>
                    </div>
                </div>
                <div id="EditWrap"></div>
                <div id="EditWrap2"></div>
            </div>
        </div>
    </form>
    
    <div>
    
    </div>
    </body>
</html>
